// 初始化模块
const App = {
  // 时间模块
  time: {
    init() {
      this.update();
      setInterval(() => this.update(), 1000);
    },
    update() {
      document.querySelector('.time-display').textContent = 
        new Date().toLocaleTimeString('zh-CN');
    }
  },

  // 菜单路由模块
  router: {
    init() {
      document.querySelectorAll('.menu-item').forEach(item => {
        item.addEventListener('click', (e) => {
          e.preventDefault();
          App.router.loadContent(e); // 明确使用App命名空间引用
        });
      });
    },
    loadContent(event) {
      // 取消事件默认行为防止冲突
      event.preventDefault();
      console.log('点击的菜单项href:', event.currentTarget.href); // 添加日志
      const targetFrame = document.querySelector('iframe[name="contentFrame"]');
      console.log('当前iframe的src:', targetFrame.src); // 添加日志
      targetFrame.src = event.currentTarget.href;
      console.log('更新后的iframe的src:', targetFrame.src); // 添加日志
    }
  },

  // 个人中心模块
  profile: {
    init() {
      document.querySelector('.profile-btn').addEventListener('click', (e) => {
        e.stopPropagation();
        document.querySelector('.dropdown').classList.toggle('show');
      });
      document.addEventListener('click', () => {
        document.querySelector('.dropdown').classList.remove('show');
      });
    }
  },

  // 启动应用
  init() {
    document.addEventListener('DOMContentLoaded', () => {
      this.time.init();
      this.router.init();
      this.profile.init();
    });
  }
};

// 启动应用
App.init();